/* 颜色 */
$gray: #666666 !default;
$gray-light: #999999 !default;
$gray-lightest: #eeeeee !default;

/* 顶部头部 */
.header-top {
    min-width: 768px;
    height: 40px;
    padding: 1px 0 0; //消除毗邻margin-top问题
    .nav {
        > li {
            margin: 0;
            a{
                cursor: pointer;
            }
            > a {
                height: auto;
                line-height: 39px;
                border-radius: 0;
                span.label {
                    position: absolute;
                    top: 5px;
                    right: 6px;
                    min-width: 22px;
                    background: #d43f3a;
                    border-radius: 100%;
                    padding: .4em .4em;
                }
            }
            .dropdown-menu {
                right: 0;
                left: auto;
                i{
                    line-height: 20px;
                }
                li{
                    a {
                        color: $gray;
                    }
                }
                &.notification {
                    max-width: 300px;
                    li {
                        border-top: 1px solid $gray-lightest;
                        h6{
                            overflow: hidden;
                            text-overflow: ellipsis;
                            margin: 0;
                        }
                        small {
                            color: $gray-light;
                        }
                        &.title{
                            color: #000;
                            padding: 10px 15px;
                            font-size: 13px;
                        }
                        &:first-child{
                            border: none;
                            margin-top: -5px;
                        }
                        &:last-child{
                            text-align: center;
                            font-size: 13px;
                        }
                    }
                }
            }
            &.app-name {
                font-size: 15px;
                padding: 0 30px;
                a{
                    &:focus{
                        background-color: transparent;
                    }
                }
            }
        }
    }
}

.hide-nav {
    .header-top {
        padding-left: 58px;
    }
}